<template>
    <div class="navigator">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item v-if="level>0">{{pathName}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                msg: ''
            }
        },
        props: {
            level: {
                type: Number,
                default: 0
            },
            pathName: {
                type: String,
                default: ''
            }
        }
    }
</script>

<style scoped>
    .navigator {
        border-bottom: solid 1px #eff2f7;
        padding: 7px 0 4px 4px;
        margin-top: 4px;
        margin-bottom: 10px;
    }
</style>